<%--
  Created by IntelliJ IDEA.
  User: Server
  Date: 2015/5/24
  Time: 18:25
  To change this template use File | Settings | File Templates.
--%>
<%@ page language="java" pageEncoding="UTF-8"%>
<!-- 此处不能简写为<script type="text/javascript" src=".."/> -->
<meta name="_csrf" content="${_csrf.token}"/>
<meta name="_csrf_header" content="${_csrf.headerName}"/>
<script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery-1.9.1.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/js/ajaxfileupload.js"></script>

<script type="text/javascript">
  function ajaxFileUpload(){
    //开始上传文件时显示一个图片,文件上传完成将图片隐藏
    //$("#loading").ajaxStart(function(){$(this).show();}).ajaxComplete(function(){$(this).hide();});
    //执行上传文件操作的函数
    $.ajaxFileUpload({
      //处理文件上传操作的服务器端地址(可以传参数,已亲测可用)
      url:'${pageContext.request.contextPath}/admin/ajaxUpload?${_csrf.parameterName}=${_csrf.token}',//后面可以带参数？参数明=参数值
      secureuri:false,                       //是否启用安全提交,默认为false
      fileElementId:'myBlogImage',           //文件选择框的id属性
      dataType:'text',                       //服务器返回的格式,可以是json或xml等
      success:function(data, status){        //服务器响应成功时的处理函数
          //0表示上传成功(后跟上传后的文件路径),1表示失败(后跟失败描述)
          $('#result').html("图片上传成功<br/>");
      },
      error:function(data, status, e){ //服务器响应失败时的处理函数
        console.log(status+"----------------"+e)
        $('#result').html('图片上传失败，请重试！！');
      }
    });
  }
</script>

<div id="result"></div>
<img id="uploadImage" src="http://www.firefox.com.cn/favicon.ico">

<input type="file" id="myBlogImage" name="myfiles"/>
<input type="button" value="上传图片" onclick="ajaxFileUpload()"/>
